<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core_1_1" %>
<%--
  Created by IntelliJ IDEA.

  User: 陈滨进
  Date: 2021/3/21
  Time: 17:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%
    String basePath = request.getScheme()
            + "://"
            + request.getServerName()
            + ":"
            + request.getServerPort()
            + request.getContextPath()
            + "/";
%>
<!--写base 标签，永远固定相对路径跳转的结果-->
<base  href="<%=basePath%>">

    <!-- bootstrap -->
    <link href="/css/bootstrap.min.css" rel='stylesheet' type='text/css' media="all"/>
    <!-- //bootstrap -->
    <link href="/css/dashboard.css" rel="stylesheet">
    <!-- Custom Theme files -->
    <link href="/css/style.css" rel='stylesheet' type='text/css' media="all"/>
    <script src="/js/jquery-1.11.1.min.js"></script>
    <!--start-smoth-scrolling-->
    <!-- fonts -->
    <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
          rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
    <!-- //fonts -->


<%--头--%>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <span class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="client/index.jsp"><h1>在线视频</h1></a>
            <!--<a class="navbar-brand" href="returnPassword.jsp"><h1><img src="images/logo.png" alt="" /></h1></a>-->
        </span>
        <div id="navbar" class="navbar-collapse collapse">
            <div class="top-search">
                <form action="ViedoServlet.do" class="navbar-form navbar-right">
                    <%--搜索框--%>
                    <input type="text" class="form-control" name="content" placeholder="搜索" >
                    <input type="submit" id="btn" value=" ">
                    <%--隐藏域--%>
                    <input type="hidden" name="action" value="fuzzyQuery"/>
                </form>
            </div>
            <%--头右边--%>
            <c:choose>

                <c:when test="${not empty sessionScope.user }">
                    <%--登录成功后--%>
                    <div class="header-top-right">

                        <div class="file">
                            <span style="color:red;"><font size="5">嚯！欢迎${sessionScope.user.userName}</font></span>
                            <%--<a href="../../page/LoginSuccessful/upload.jsp">上传</a>--%>
                            <a href="upload.jsp">上传</a>
                            <%--<a href="../../index.jsp">退出登录</a>--%>
                            <a href="/user.do?action=logout">退出登录</a>
                        </div>
                        <%--<div class="signin">--%>

                                <%--&lt;%&ndash;<a href="#small-dialog2" class="play-icon popup-with-zoom-anim">注册</a>&ndash;%&gt;--%>
                            <%--<!-- pop-up-box -->--%>
                            <%--<script type="text/javascript" src="../../js/modernizr.custom.min.js"></script>--%>
                            <%--<link href="../../css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>--%>
                            <%--<script src="../../js/jquery.magnific-popup.js" type="text/javascript"></script>--%>
                          <%----%>
                        <%----%>
                            <%--<div id="small-dialog4" class="mfp-hide">--%>
                                <%--<h3>回馈</h3>--%>
                                <%--<div class="feedback-grids">--%>
                                    <%--<div class="feedback-grid">--%>
                                        <%--<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus.--%>
                                            <%--Nullam mattis lectus ullamcorper dui dignissim, sit amet egestas orci--%>
                                            <%--ullamcorper.</p>--%>
                                    <%--</div>--%>
                                    <%--<div class="button-bottom">--%>
                                        <%--<p><a href="#small-dialog" class="play-icon popup-with-zoom-anim">Sign in</a> to get--%>
                                            <%--started.</p>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div id="small-dialog5" class="mfp-hide">--%>
                                <%--<h3>帮助</h3>--%>
                                <%--<div class="help-grid">--%>
                                    <%--<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam--%>
                                        <%--mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>--%>
                                <%--</div>--%>
                                <%--<div class="help-grids">--%>
                                    <%--<div class="help-button-bottom">--%>
                                        <%--<p><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Feedback</a></p>--%>
                                    <%--</div>--%>
                                    <%--<div class="help-button-bottom">--%>
                                        <%--<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Lorem ipsum dolor--%>
                                            <%--sit amet</a></p>--%>
                                    <%--</div>--%>
                                    <%--<div class="help-button-bottom">--%>
                                        <%--<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Nunc vitae rutrum--%>
                                            <%--enim</a></p>--%>
                                    <%--</div>--%>
                                    <%--<div class="help-button-bottom">--%>
                                        <%--<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris at--%>
                                            <%--volutpat leo</a></p>--%>
                                    <%--</div>--%>
                                    <%--<div class="help-button-bottom">--%>
                                        <%--<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris vehicula--%>
                                            <%--rutrum velit</a></p>--%>
                                    <%--</div>--%>
                                    <%--<div class="help-button-bottom">--%>
                                        <%--<p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Aliquam eget ante--%>
                                            <%--non orci fac</a></p>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div id="small-dialog6" class="mfp-hide">--%>
                                <%--<div class="video-information-text">--%>
                                    <%--<h4>Video information & settings</h4>--%>
                                    <%--<p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam--%>
                                        <%--mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>--%>
                                    <%--<ol>--%>
                                        <%--<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit--%>
                                            <%--fermentum tincidunt.--%>
                                        <%--</li>--%>
                                        <%--<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit--%>
                                            <%--fermentum tincidunt.--%>
                                        <%--</li>--%>
                                        <%--<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit--%>
                                            <%--fermentum tincidunt.--%>
                                        <%--</li>--%>
                                        <%--<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit--%>
                                            <%--fermentum tincidunt.--%>
                                        <%--</li>--%>
                                        <%--<li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit--%>
                                            <%--fermentum tincidunt.--%>
                                        <%--</li>--%>
                                    <%--</ol>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<script>--%>
                                <%--$(document).ready(function () {--%>
                                    <%--//带有缩放动画的弹出窗口--%>
                                    <%--$('.popup-with-zoom-anim').magnificPopup({--%>
                                        <%--type: 'inline',--%>
                                        <%--fixedContentPos: false, //固定的内容位置--%>
                                        <%--fixedBgPos: true,--%>
                                        <%--overflowY: 'auto',--%>
                                        <%--closeBtnInside: true, //关闭Btn内部--%>
                                        <%--preloader: false, //预载器--%>
                                        <%--midClick: true, //点击中--%>
                                        <%--removalDelay: 300,//清除延迟300毫秒--%>
                                        <%--mainClass: 'my-mfp-zoom-in'--%>
                                    <%--});--%>
                                <%--});--%>
                            <%--</script>--%>
                        <%--</div>--%>
                        <div class="clearfix"></div>
                    </div>
                </c:when>
                <c:otherwise>
            <%--登录前--%>
                    <div class="header-top-right">
                        <div class="file">
                            <a href="upload.jsp">上传</a>
                        </div>
                        <div class="signin">
                            <a href="page/zhuce/signin.jsp" value="">注册</a>
                            <!-- pop-up-box -->
                            <script type="text/javascript" src="js/modernizr.custom.min.js"></script>
                            <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
                            <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>

                            <%--回馈--%>
                            <div id="small-dialog4" class="mfp-hide">
                                <h3>回馈</h3>
                                <div class="feedback-grids">
                                    <div class="feedback-grid">
                                        <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus.
                                            Nullam
                                            mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                                    </div>
                                    <div class="button-bottom">
                                        <p><a href="#small-dialog" class="play-icon popup-with-zoom-anim">Sign in</a> to get
                                            started.</p>
                                    </div>
                                </div>
                            </div>
                            <%--帮助--%>
                            <div id="small-dialog5" class="mfp-hide">
                                <h3>帮助</h3>
                                <div class="help-grid">
                                    <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam
                                        mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                                </div>
                                <div class="help-grids">
                                    <div class="help-button-bottom">
                                        <p><a href="#small-dialog4" class="play-icon popup-with-zoom-anim">Feedback</a></p>
                                    </div>
                                    <div class="help-button-bottom">
                                        <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Lorem ipsum dolor
                                            sit
                                            amet</a></p>
                                    </div>
                                    <div class="help-button-bottom">
                                        <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Nunc vitae rutrum
                                            enim</a></p>
                                    </div>
                                    <div class="help-button-bottom">
                                        <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris at
                                            volutpat
                                            leo</a></p>
                                    </div>
                                    <div class="help-button-bottom">
                                        <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Mauris vehicula
                                            rutrum velit</a></p>
                                    </div>
                                    <div class="help-button-bottom">
                                        <p><a href="#small-dialog6" class="play-icon popup-with-zoom-anim">Aliquam eget ante
                                            non
                                            orci fac</a></p>
                                    </div>
                                </div>
                            </div>

                            <div id="small-dialog6" class="mfp-hide">
                                <div class="video-information-text">
                                    <h4>Video information & settings</h4>
                                    <p>Suspendisse tristique magna ut urna pellentesque, ut egestas velit faucibus. Nullam
                                        mattis lectus ullamcorper dui dignissim, sit amet egestas orci ullamcorper.</p>
                                    <ol>
                                        <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit
                                            fermentum
                                            tincidunt.
                                        </li>
                                        <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit
                                            fermentum
                                            tincidunt.
                                        </li>
                                        <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit
                                            fermentum
                                            tincidunt.
                                        </li>
                                        <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit
                                            fermentum
                                            tincidunt.
                                        </li>
                                        <li>Nunc vitae rutrum enim. Mauris at volutpat leo. Vivamus dapibus mi ut elit
                                            fermentum
                                            tincidunt.
                                        </li>
                                    </ol>
                                </div>
                            </div>
                            <script>
                                $(document).ready(function () {
                                    //带有缩放动画的弹出窗口
                                    $('.popup-with-zoom-anim').magnificPopup({
                                        type: 'inline',
                                        fixedContentPos: false, //固定的内容位置
                                        fixedBgPos: true,
                                        overflowY: 'auto',
                                        closeBtnInside: true, //关闭Btn内部
                                        preloader: false, //预载器
                                        midClick: true, //点击中
                                        removalDelay: 300,//清除延迟300毫秒
                                        mainClass: 'my-mfp-zoom-in'
                                    });
                                });
                            </script>
                        </div>
                        <div class="signin">
                                <a href="index1.jsp" class="play-icon">登录</a>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                </c:otherwise>
            </c:choose>



        </div>

        <div class="clearfix"></div>
    </div>
</nav>
</body>
</html>
